/*
  隔行变色：
    1. 静态的网页: public/index.html
    2. 下载jquery 并导入 到 main.js中
        npm i jquery -S
        yarn add jquery -S
        import $ from 'jquery'
    3. 编写隔行变色的代码
    4. 打包: yarn build
    5. 在静态的网页 引入 打包后的 js文件
*/
// 导入jquery
import $ from 'jquery'

$('ul li').each(function(i, el){
  $(el).css('color', i % 2 === 1 ? 'red' : 'green')
})

/**
 * 
 * html-webpack-plugin
 * 1. 自动生成一个html文件到dist中
 * 2. 在生成的html文件 中 自动 引入打包后到所有代码
 * 
 * 
 * 1. 下载
      npm i html-webpack-plugin -D
   2. 加入到webpack的配置中
 * 
 */
